<template>
    <!-- 退款须知 -->
    <view class="padding-sm radius-xl bg-white user-notice margin-bottom-sm">
        <view class="title margin-bottom-xs">
            <text class="cuIcon-titles themeColor"></text>退款须知
        </view>
        <view class="padding-tb-xs list text-sm">
            <view class="item padding-bottom-sm solid-bottom">
                <image src="@/static/image/order/no_go.png" mode=""></image>
                <view class="content margin-left-sm">
                    <view class="title text-bold text-black padding-bottom-xs">技师未出发</view>
                    <view class="desc text-gray">退全款（项目金额+出行费用）</view>
                </view>
            </view>
            <view class="item padding-tb-sm solid-bottom">
                <image src="@/static/image/order/order_go.png" mode=""></image>
                <view class="content margin-left-sm">
                    <view class="title text-bold text-black padding-bottom-xs">技师已出发</view>
                    <view class="desc text-gray">退项目费用（扣除出行费用）</view>
                </view>
            </view>
            <view class="item padding-top-sm">
                <image src="@/static/image/order/order_arrive.png" mode=""></image>
                <view class="content margin-left-sm">
                    <view class="title text-bold text-black padding-bottom-xs">技师已到达</view>
                    <view class="desc text-gray">退项目半款（扣除出行费用）</view>
                </view>
            </view>
        </view>
    </view>
</template>
<script>
export default {
    data(){
        return {};
    }
}
</script>
<style lang="scss" scoped>

.user-notice{
	.list{
		.item{
			display: flex;
			align-items: center;
			image{
				width: 40upx;
				height: 40upx;
			}
			.content{
				.desc{
					// font-size: 26upx;
				}
			}
		}
	}
}
</style>